<template>
    <view class='head'>
        <view class="bgi">
            <image src="http://fsl-test.dderp.cn:33548/adh-mini/index/bgimage.png" alt=""></image>
        </view>
        <TopNav :show="show">
          <!--  <template v-slot:collect>
                <view class="sc">
                    <nut-icon name="heart-fill"></nut-icon>
                    <text style="margin-left: 10rpx;">收藏门店</text>
                </view>
            </template> -->
        </TopNav>
		
        <view class="contenr padding">
            <view class="shop_del padding radius">
                <view class="shop_title">法狮龙山东临沂批发商</view>
                <!-- <view class="shop_info">最近 KY301 在搞促销活动，满5箱送1箱，8月11日到期，速速进货</view> -->
                <view class="shop_address">
                    <view class="a">
                        地址：上海市浦东新区纳贤路800
                    </view>
                    <view class="b">
                        <view>
                            <image src="http://fsl-test.dderp.cn:33548/adh-mini/index/dh.png" alt=""></image>
                            <text>电话</text>
                        </view>
                        <view>
                            <image src="http://fsl-test.dderp.cn:33548/adh-mini/index/dz.png" alt=""></image>
                            <text>电话</text>
                        </view>
                    </view>
                </view>
				<view class="gg">
					最近 KY301 在搞促销活动，满5箱送1箱，8月11日到期，速速进货
				</view>
            </view>
            <view class="way_item">
				<view class="way padding radius">
					<view class="way_letf" @click="toPage">
					    <image src="http://fsl-test.dderp.cn:33548/adh-mini/index/ps.png" alt=""></image>
					    <view class="way_title">
					        快速进货
					    </view>
					    <view class="way_lat">
					        一键下单，快捷方便
					    </view>
					</view>
					<view class="way_right">
					    <image src="http://fsl-test.dderp.cn:33548/adh-mini/index/qd.png" alt=""></image>
					    <view class="way_title">
					        订单查询
					    </view>
					    <view class="way_lat">
					        查订单，查轨迹
					    </view>
					</view>
				</view>
                <view class="dz">
                	<image src="http://fsl-test.dderp.cn:33548/adh-mini/index/qrzd.png" alt=""></image>
					对账单
                </view>
            </view>
			<!-- <view class="ye">
			    <image src="http://fsl-test.dderp.cn:33548/adh-mini/index/ye.png" class="radius" style="opacity: 1;" alt="">
			    </image>
			    <view class="ye_contenr padding">
			        <view class="ye_top_contenr">
			            <view class="ye_letf">
			                <view class="a" style="color: #555;">账上余额</view>
			                <view class="b" style="color: #555;">99999.88</view>
			                <view class="c" style="color: #555;">年度统计：300.00/300.00</view>
			            </view>
			            <view class="ye_right">
			                <view class="a"> A <text>级</text> </view>
			                <view class="b">目前排322名</view>
			            </view>
			        </view>
			        <view class="ye_bottom_title">
			            <view class="a">考核任务:￥8888.00 </view>
			            <view class="b">已完成:￥8888.00 </view>
			            <view class="c">完成率:任务未下达 </view>
			        </view>
			    </view>
			</view> -->
			<view class="user_ye">
				<image src="http://fsl-test.dderp.cn:33548/adh-mini/index/ye.png" class="radius" style="opacity: 1;" alt="">
				</image>
				<view class="bottom_discount">
					3折拿货
				</view>
				<view class="bottom_contenr">
					累计拿货8000元，再拿200元即可享2.5折优惠...
				</view>
				<view class="ye_contenr">
					<view class="top_contenr">
						<view class="user_price">
							<view class="num">
								7890.00
							</view>
							<view class="text">
								余额(元)
							</view>
						</view>
						<view class="user_coupon">
							<view class="num">
								12
							</view>
							<view class="text">
								代金券
							</view>
						</view>
						<view class="user_integral">
							<view class="num">
								133
							</view>
							<view class="text">
								积分
							</view>
						</view>
					</view>
				</view>
				
			</view>
            <VipDom></VipDom>
            <!-- 储值活动 -->
            <view class="store radius padding">
                <view class="store_title">
                    储值活动
                </view>
                <view class="store_list">
                    <view class="list_item" v-for="(item, index) in 10" :key="index">
                        <view class="item_top">
                            <view class="c">
                                充值 <text>{{ 100 * (index + 1) }}</text> 元
                            </view>
                            <view class="s">
                                送 <text>{{ 10 * (index + 1) }}</text> 元
                            </view>
                        </view>
                        <view class="item_bottom">
                            <view class="">
                                立即储值
                            </view>
                        </view>
                        <view class="recommend" v-if="index == 1">
                            推荐
                        </view>
                    </view>
                </view>
            </view>

            <!-- 其他门店 -->
          <!--  <view class="qt_mdian">
                <nut-fixed-nav :position="{ bottom: '70px' }" v-model:visible="visible" :nav-list="navList"
                    un-active-text='其他门店' active-text='收起门店' />
            </view> -->

            <view class="" style="font-size: 25rpx ;color: #d1d1d1;text-align: center;line-height: 100rpx;">
                到底了!
            </view>
        </view>
    </view>
</template>
<script setup>
import { ref, reactive } from 'vue'
import { onLaunch, onShow, onHide, onLoad } from '@dcloudio/uni-app'
import TopNav from '../../../common/top_nav/index.vue'
import VipDom from '../../../common/vip/index.vue'
const show = ref(true)
const visible = ref(false);
const navList = reactive([
    {
        id: 1,
        text: '首页',
        icon: 'https://img11.360buyimg.com/imagetools/jfs/t1/117646/2/11112/1297/5ef83e95E81d77f05/daf8e3b1c81e3c98.png'
    },
    {
        id: 2,
        text: '分类',
        icon: 'https://img12.360buyimg.com/imagetools/jfs/t1/119490/8/9568/1798/5ef83e95E968c69a6/dd029326f7d5042e.png'
    },
    {
        id: 3,
        text: '购物车',
        num: 2,
        icon: 'https://img14.360buyimg.com/imagetools/jfs/t1/130725/4/3157/1704/5ef83e95Eb976644f/b36c6cfc1cc1a99d.png'
    },
    {
        id: 4,
        text: '我的',
        icon: 'https://img12.360buyimg.com/imagetools/jfs/t1/147573/29/1603/1721/5ef83e94E1393a678/5ddf1695ec989373.png'
    }
]);
const toPage = () => {
    uni.navigateTo({
        url: '/pages/placeOrder/index'
    })
}
</script>
<style scoped lang="scss">
@import '../../../style/cart.scss';
</style>